<template>
  <div>
    <a-card>
      <a-descriptions title="出单" bordered>
        <a-descriptions-item label="接口地址">
          /api/s/order-sdk</a-descriptions-item
        >
        <a-descriptions-item label="方法" :span="2"> POST </a-descriptions-item>
        <!-- <a-descriptions-item label="Authorization">
          Bearer Token
        </a-descriptions-item> -->
        <!-- <a-descriptions-item label="Request Headers" :span="2">
          accept: application/json
        </a-descriptions-item> -->
        <a-descriptions-item label="Form data" :span="3">
          <pre>
            {
              "token": "the-token-for-seller-api",
              "list": [
                        {
                            "bank": "农业银行",
                            "card": "123456",
                            "realname": "老王",
                            "coins": 1,
                            "transaction_id": 12345
                        }
                ]
            }
        </pre
          >
        </a-descriptions-item>

        <a-descriptions-item label="成功返回" :span="3">
          <pre>
          {
              "code": 1,
              "msg": "ok",
              "data": [
                  {
                      "id": "315716587459969024",
                      "transaction_id": "12345",  //商户流水号
                      "bank": "农业银行",           //银行名
                      "bankcard": "123456",       //银行卡号
                      "realname": "老王",         //持卡人姓名
                      "coins": 1,                 //币值
                      "seller_fee": 1.23,                //手续费
                      "seller_tip": 2.34,                //固定奖励
                      "state": 'waiting',                //状态
                      "created_at": "2021-12-26 13:13",  //创建时间
                  }
              ],
              "sign": "some-random-string"
          }
        </pre
          >
        </a-descriptions-item>

        <a-descriptions-item label="错误返回" :span="3">
          <pre>
          {
              "data": [],
              "code": -3,
              "msg": "未授权"
          }
        </pre
          >
        </a-descriptions-item>
      </a-descriptions>
    </a-card>

    <a-card class="mt-4">
      <a-descriptions title="回调" bordered>
        <a-descriptions-item label="返回" :span="3">
          <pre>
          {
              "code": 1,
              "msg": "ok",
              "data": [
                  {
                      "id": "315716587459969024",
                      "transaction_id": "12345",  //商户流水号
                      "bank": "农业银行",           //银行名
                      "bankcard": "123456",       //银行卡号
                      "realname": "老王",         //持卡人姓名
                      "coins": 1,                 //币值
                      "seller_fee": 1.23,                //手续费
                      "seller_tip": 2.34,                //固定奖励
                      "state": 'done',                //状态完成
                      "created_at": "2021-12-26 13:13",  //创建时间
                  }
              ],
              "sign": "some-random-string"
          }
        </pre
          >
        </a-descriptions-item>

        <a-descriptions-item label="回调DEMO" :span="3">
          <img src="@/assets/img/demo.png" style="width: 600px" />
        </a-descriptions-item>
      </a-descriptions>
    </a-card>

    <!-- <a-card class="mt-4">
      <a-descriptions title="回调DEMO" bordered>
        <div v-text="php"></div>
      </a-descriptions>
    </a-card> -->
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
}
</script>
